<extend name="Public/base"/>

<block name="body">
    <div class="main-title">
        <h2><present name="data">{$meta_title}</h2>
    </div>

    <div class="cf">
        <a class="btn" href="{:U('add')}">同步</a>
        <!-- 高级搜索 -->
        <div class="search-form fr cf">
            <!-- <div class="sleft">
                <input type="text" name="title" class="search-input" value="{:I('title')}" placeholder="请输入注明">
                <a class="sch-btn" href="javascript:;" id="search" url="__SELF__"><i class="btn-search"></i></a>
            </div> -->
        </div>
    </div>

    <div class="data-table table-striped">
        <form class="ids">
            <table border="1">
                <thead>
                    <tr>
                        <th colspan="5"><center>kaieers</center></th>
                        <th colspan="5"><center>mockup</center></th>
                        <th colspan="5"><center>joes</center></th>
                    </tr>
                    <tr>
                        <th>序号</th>
                        <th>UID</th>
                        <th>银行</th>
                        <th>户名</th>
                        <th>卡号</th>
                        
                        <th>序号</th>
                        <th>UID</th>
                        <th>银行</th>
                        <th>户名</th>
                        <th>卡号</th>

                        <th>序号</th>
                        <th>UID</th>
                        <th>银行</th>
                        <th>户名</th>
                        <th>卡号</th>
                    </tr>
                </thead>
                <tbody>
                <volist name="list_kaieers" id="vo">
                    <tr>
                        <td>{$key + 1}</td>
                        <td>{$vo.uid}</td>
                        <td>{$vo.open_bank_name|default='无'}</td>
                        <td>{$vo.open_name|default=无}</td>
                        <td>{$vo.bank_account|default='无'}</td>
                    </tr>
                </volist>

                <volist name="list_mock" id="vo">
                    <tr>
                        <td>{$key + 1}</td>
                        <td>{$vo.uid}</td>
                        <td>{$vo.open_bank_name|default='无'}</td>
                        <td>{$vo.open_name|default=无}</td>
                        <td>{$vo.bank_account|default='无'}</td>
                    </tr>
                </volist>

                <volist name="list_joes" id="vo">
                    <tr>
                        <td>{$key + 1}</td>
                        <td>{$vo.uid}</td>
                        <td>{$vo.open_bank_name|default='无'}</td>
                        <td>{$vo.open_name|default=无}</td>
                        <td>{$vo.bank_account|default='无'}</td>
                    </tr>
                </volist>
				<!-- <td colspan="15" class="text-center"> aOh! 暂时还没有内容! </td> -->
                </tbody>
            </table>
        </form>
    </div>
</block>

<block name="script">
    <script type="text/javascript">
        $(function() {
            //搜索功能
            $("#search").click(function() {
                var url = $(this).attr('url');
                var query = $('.search-form').find('input').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
                query = query.replace(/^&/g, '');
                if (url.indexOf('?') > 0) {
                    url += '&' + query;
                } else {
                    url += '?' + query;
                }
                window.location.href = url;
            });
            //回车搜索
            $(".search-input").keyup(function(e) {
                if (e.keyCode === 13) {
                    $("#search").click();
                    return false;
                }
            });

            var obj = $('table tbody');
            var j = 0,
                _j = 0;
                m = 0;
            for(var i = 20; i < 40; i ++){
                obj.find('tr').eq(j).append(obj.find('tr').eq(i).html());
                // obj.find('tr').eq(i).remove();
                j ++;
            }
            for(var n = 40; n < 60; n ++){
                obj.find('tr').eq(m).append(obj.find('tr').eq(n).html());
                // obj.find('tr').eq(n).remove();
                m ++;
            }

            for(var t = 20; t < 60; t ++){
                obj.find('tr').eq(20).remove()
            }
            

            //导航高亮
            highlight_subnav('{:U('index')}');
        });
    </script>
</block>